<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>
<%@ Import Namespace="etcetera.Mvc.UI.GoogleMap"%>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	Index
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <h2>Google Maps Demo</h2>
    
    <p>If the Google map doesn't appear, make sure you have entered your own API key. <br />Get your own API key here: <a href="http://code.google.com/apis/maps/signup.html">http://code.google.com/apis/maps/signup.html</a></p>
    
    <%-- Get your own API key here: http://code.google.com/apis/maps/signup.html --%>
    <%= Html.GoogleMap()
            .Width(640)    
            .Height(480)
            .ApiKey("ABCDEFGHIJKLMNOPQRSTUVWXYZ")
            .Language(MapLanguage.en)
            .Coordinates("47.1,8.1")
            .ZoomLevel(8)
            .ScrollZoom()
            .EnableMapType(MapType.Map)
            .EnableOverviewMap()
            .ZoomControlType(MapZoomControlType.LargeMapControl3D)
            .ScrollZoom()
            .Markers(new List<Marker> 
                         { new Marker("47.1, 8.1", "I'm a test bubble."), 
                           new Marker("47.2, 8.2", "I can describe <strong>interesting</strong> <br />places using HTML.", true) 
                         })
    %>

</asp:Content>
